<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="wrj">
    <script src="./libs/jquery-3.1.1.js"></script>
    <link rel="icon" href="img/favicon.ico" type="ico">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <title>小米商城</title>

</head>

<body>
    <header class="topbar">
        <section class="container s-nav">
            <div class="topbar-nav">
                <a href="javascript:;">小米商城</a>
                <span class="sep">|</span>
                <a href="javascript:;">MIUI</a>
                <span class="sep">|</span>
                <a href="javascript:;">米聊</a>
                <span class="sep">|</span>
                <a href="javascript:;">游戏</a>
                <span class="sep">|</span>
                <a href="javascript:;">多看阅读</a>
                <span class="sep">|</span>
                <a href="javascript:;">云服务</a>
                <span class="sep">|</span>
                <a href="javascript:;">金融</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城移动版</a>
                <span class="sep">|</span>
                <a href="javascript:;">问题反馈</a>
                <span class="sep">|</span>
                <a href="javascript:;">Select Region</a>
            </div>
            <div class="topbar-cart">
                <a href="javascript:;">
                    <i class="iconfont fa fa-shopping-cart fa-2x"></i> 购物车
                    <span class="cart-mini-num">（0）</span>
                </a>
                <div class="cart-menu">
                    <div class="loading">
                        <div class="loader">购物车中还没有商品，赶快选购吧！</div>
                    </div>
                </div>
            </div>
            <div class="topbar-info">
                <a href="javascript:;">登录</a>
                <span class="sep">|</span>
                <a href="javascript:;">注册</a>
                <span class="sep">|</span>
                <span class="message">
                    <a href="javascript:;">消息通知</a>
                </span>
            </div>
        </section>
    </header>
    <!--白色背景-->
    <section class="content">
        <div class="container sec">
            <div class="header-logo">
                <a href="javascript:;"><img src="img/favicon.png" alt="小米官网"></a>
                <img src="img/P1-1.gif">
            </div>
            <div class="header-nav">
                <div class="item-children">
                    <div class="container">
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-1.1.png"></div>
                                    <div class="title">小米手机5c</div>
                                    <p class="price">1499元</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-1.2.webp"></div>
                                    <div class="title">小米Note 2</div>
                                    <p class="price">2799元起</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-1.3.webp"></div>
                                    <div class="title">小米MIX</div>
                                    <p class="price">3499元起</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-1.4.jpg"></div>
                                    <div class="title">小米5s</div>
                                    <p class="price">1999元起</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-1.5.jpg"></div>
                                    <div class="title">小米5s Plus</div>
                                    <p class="price">2299元起</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-1.6.webp"></div>
                                    <div class="title">小米手机5</div>
                                    <p class="price">1799元</p>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-2.1.webp"></div>
                                    <div class="title">红米Note 4X</div>
                                    <p class="price">999元起</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-2.2.webp"></div>
                                    <div class="title">红米Note 4</div>
                                    <p class="price">999元起</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-2.3.webp"></div>
                                    <div class="title">红米 4X</div>
                                    <p class="price">699元起</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-2.4.webp"></div>
                                    <div class="title">红米4</div>
                                    <p class="price">799元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-3.1.webp"></div>
                                    <div class="title">小米平板2 16GB</div>
                                    <p class="price">999元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-3.2.webp"></div>
                                    <div class="title">小米笔记本Air 12.5"</div>
                                    <p class="price">3499元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-3.2.webp"></div>
                                    <div class="title">小米笔记本Air 13.3"</div>
                                    <p class="price">4999元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-3.2.webp"></div>
                                    <div class="title">小米笔记本Air 13.3"尊享版</div>
                                    <p class="price">5999元</p>
                                    <div class="flags">新品</div>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-4.1.png"></div>
                                    <div class="title">小米电视3s 48英寸</div>
                                    <p class="price">1599元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-4.2.png"></div>
                                    <div class="title">小米电视3s 55英寸</div>
                                    <p class="price">3999元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-4.3.png"></div>
                                    <div class="title">小米电视3s 60英寸</div>
                                    <p class="price">4799元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-4.4.png"></div>
                                    <div class="title">小米电视3s 65英寸</div>
                                    <p class="price">6699元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-4.5.png"></div>
                                    <div class="title">小米电视3s 70英寸</div>
                                    <p class="price">9999元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-4.6.png"></div>
                                    <div class="title">查看全部</div>
                                    <div class="title">小米电视</div>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-5.1.png"></div>
                                    <div class="title">小米盒子3s</div>
                                    <p class="price">299元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-5.2.png"></div>
                                    <div class="title">小米盒子3c</div>
                                    <p class="price">199元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-5.3.webp"></div>
                                    <div class="title">小米盒子3 增强版</div>
                                    <p class="price">399元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-5.4.png"></div>
                                    <div class="title">小米盒子 mini版</div>
                                    <p class="price">179元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-5.5.png"></div>
                                    <div class="title">小米家庭影院</div>
                                    <p class="price">1999元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-5.6.webp"></div>
                                    <div class="title">小米家庭音响 标准版</div>
                                    <p class="price">699元</p>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-6.1.png"></div>
                                    <div class="title">小米路由器 HD</div>
                                    <p class="price">1299元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-6.2.png"></div>
                                    <div class="title">小米路由器 Pro</div>
                                    <p class="price">499元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-6.3.png"></div>
                                    <div class="title">小米路由器3</div>
                                    <p class="price">149元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-6.4.png"></div>
                                    <div class="title">小米路由器3c</div>
                                    <p class="price">99元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-6.5.jpg"></div>
                                    <div class="title">小米WIFI放大器 2</div>
                                    <p class="price">49元</p>
                                </li>
                            </ul>
                        </div>
                        <div class="c-show">
                            <ul class="children-list">
                                <li class="first">
                                    <div class="img-border"><img src="img/x-7.1.webp"></div>
                                    <div class="title">小米体脂称</div>
                                    <p class="price">199元</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-7.2.webp"></div>
                                    <div class="title">米家行车记录仪</div>
                                    <p class="price">349元</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-7.3.png"></div>
                                    <div class="title">小米无人机 4k 版</div>
                                    <p class="price">2999元</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-7.4.webp"></div>
                                    <div class="title">小米米家对讲机</div>
                                    <p class="price">249元</p>
                                    <div class="flags">新品</div>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-7.5.webp"></div>
                                    <div class="title">小米IH电饭煲</div>
                                    <p class="price">399元</p>
                                </li>
                                <li>
                                    <div class="img-border"><img src="img/x-7.6.webp"></div>
                                    <div class="title">查看全部</div>
                                    <div class="title">智能硬件</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul>
                    <li class="nav-item">
                        <a href="javascript:;">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">平板·笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">盒子·影音</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:;">智能硬件</a>
                    </li>
                    <li class="no">
                        <a href="javascript:;">服务</a>
                    </li>
                    <li class="no">
                        <a href="javascript:;">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form action="#">
                    <lable></lable>
                    <input type="text">
                    <button type="submit">
                        <span class="fa fa-search"></span>
                    </button>
                </form>
            </div>
        </div>
        <!--轮播图 侧栏-->
        <div class="container lun">
            <ul class="pic">
                <li class="current">
                    <a href="#"><img src="img/lun-1.webp"></a>
                </li>
                <li>
                    <a href="#"><img src="img/lun-2.webp"></a>
                </li>
                <li>
                    <a href="#"><img src="img/lun-3.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="img/lun-4.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="img/lun-5.webp"></a>
                </li>
            </ul>
            <!--指示灯-->
            <ul class="indicator">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="page">
                <span class="prev"></span>
                <span class="next"></span>
            </div>
            <!--侧栏-->
            <section class="ce">
                <div class="l-left">
                    <ul class="site">
                        <li>手机 电话卡<span class="fa fa-angle-right"></span></li>
                        <li>笔记本 平板<span class="fa fa-angle-right"></span></li>
                        <li>电视 盒子<span class="fa fa-angle-right"></span></li>
                        <li>路由器 智能配件<span class="fa fa-angle-right"></span></li>
                        <li>移动电源 电池 插线板<span class="fa fa-angle-right"></span></li>
                        <li>耳机 音响<span class="fa fa-angle-right"></span></li>
                        <li>保护套 贴膜<span class="fa fa-angle-right"></span></li>
                        <li>线材 支架 存储卡<span class="fa fa-angle-right"></span></li>
                        <li>箱包 服饰<span class="fa fa-angle-right"></span></li>
                        <li>米兔 生活周边<span class="fa fa-angle-right"></span></li>
                    </ul>
                </div>
                <div class="l-con">
                    <table class="l-show">
                        <tr>
                            <td><img src="img/c-1.1.webp"><span>小米手机5c</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.2.png"><span>红米Node 4X</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.3.jpg"><span>小米移动 电话卡</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-1.4.webp"><span>小米Note 2</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.5.webp"><span>红米Node 4</span>
                                <div>选购</div>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-1.6.webp"><span>小米MIX</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.7.png"><span>红米4X</span>
                                <div>选购</div>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-1.8.webp"><span>小米5s</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.9.webp"><span>红米4</span>
                                <div>选购</div>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-1.10.jpg"><span>小米5s Plus</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.11.webp"><span>红米4A</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-1.12.jpg"><span>小米手机5</span>
                                <div>选购</div>
                            </td>
                            <td><img src="./img/c-1.13.webp"><span>对比手机</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-2.1.webp"><span>小米笔记本Air</span>
                                <div>选购</div>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-2.2.webp"><span>小米平板2</span>
                                <div>选购</div>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-2.3.webp"><span>USB-C转接器</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-2.4.webp"><span>小米笔记本内胆包</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-2.5.webp"><span>小米便捷鼠标</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-3.1.webp"><span>小米电视3s 48英寸</span></td>
                            <td><img src="./img/c-3.2.png"><span>小米电视3 70英寸</span></td>
                            <td><img src="./img/c-3.3.webp"><span>蓝牙手柄</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-3.4.png"><span>小米电视3s 55英寸</span></td>
                            <td><img src="./img/c-3.5.webp"><span>小米盒子3s</span></td>
                            <td><img src="./img/c-3.6.webp"><span>家庭音响</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-3.7.png"><span>小米电视3s 60英寸</span></td>
                            <td><img src="./img/c-3.8.webp"><span>小米盒子3c</span></td>
                            <td><img src="./img/c-3.9.webp"><span>电视盒子配件</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-3.10.png"><span>小米电视3s 65英寸</span></td>
                            <td><img src="./img/c-3.11.webp"><span>小米盒子3增强版</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-3.12.webp"><span>小米电视3s 65英寸 曲面</span></td>
                            <td><img src="./img/c-3.13.webp"><span>小米盒子 mini</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-3.14.webp"><span>小米电视3 60英寸</span></td>
                            <td><img src="./img/c-3.15.webp"><span>小米低音炮</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-4.1.webp"><span>米家扫地机器人及配件</span></td>
                            <td><img src="./img/c-4.2.webp"><span>米家车载空气净化器</span></td>
                            <td><img src="./img/c-4.3.webp"><span>血压计</span></td>
                            <td><img src="./img/c-4.4.webp"><span>体重秤</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-4.5.webp"><span>小米VR眼镜</span></td>
                            <td><img src="./img/c-4.6.webp"><span>手表</span></td>
                            <td><img src="./img/c-4.7.webp"><span>米家积木机器人</span></td>
                            <td><img src="./img/c-4.8.jpg"><span>电动滑板车</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-4.9.webp"><span>小米路由器</span></td>
                            <td><img src="./img/c-4.10.webp"><span>米家智能电饭煲</span></td>
                            <td><img src="./img/c-4.11.webp"><span>智能灯</span></td>
                            <td><img src="./img/c-4.12.webp"><span>小米无人机</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-4.13.jpg"><span>九号平衡车</span></td>
                            <td><img src="./img/c-4.14.webp"><span>智能摄像机</span></td>
                            <td><img src="./img/c-4.15.jpg"><span>米家智能故事机</span></td>
                            <td><img src="./img/c-4.16.webp"><span>米家行车记录仪</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-4.17.jpg"><span>电动力折叠自行车</span></td>
                            <td><img src="./img/c-4.18.webp"><span>净化器及滤芯</span></td>
                            <td><img src="./img/c-4.19.jpg"><span>智能家庭组合</span></td>
                            <td><img src="./img/c-4.20.webp"><span>小米米家对讲机</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-4.21.webp"><span>米家恒温电水壶</span></td>
                            <td><img src="./img/c-4.22.webp"><span>净水器及滤芯</span></td>
                            <td><img src="./img/c-4.23.jpg"><span>手环及配件</span></td>
                            <td><img src="./img/c-4.24.webp"><span>全部智能硬件</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-5.1.webp"><span>小米移动电源</span></td>
                            <td><img src="./img/c-5.2.webp"><span>彩虹7号电池</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-5.3.webp"><span>插线板</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-5.4.webp"><span>品牌移动电源</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-5.5.jpg"><span>移动电源附件</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-5.6.jpg"><span>充电器</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-5.7.webp"><span>彩虹5号电池</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-6.1.webp"><span>小米头戴式耳机</span></td>
                            <td><img src="./img/c-6.2.webp"><span>小米蓝牙耳机</span></td>
                            <td><img src="./img/c-6.3.jpg"><span>小米炮音响 2</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-6.4.jpg"><span>头戴式耳机轻松版</span></td>
                            <td><img src="./img/c-6.5.webp"><span>小米运动蓝牙耳机</span></td>
                            <td><img src="./img/c-6.6.webp"><span>小米方盒子音响</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-6.7.webp"><span>小米圈铁耳机Pro</span></td>
                            <td><img src="./img/c-6.8.webp"><span>品牌耳机</span></td>
                            <td><img src="./img/c-6.9.webp"><span>小米音乐闹钟</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-6.10.webp"><span>小米圈铁耳机</span></td>
                            <td><img src="./img/c-6.11.webp"><span>小米网络音响</span></td>
                            <td><img src="./img/c-6.12.webp"><span>小米米兔音响</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-6.13.webp"><span>小米胶囊耳机</span></td>
                            <td><img src="./img/c-6.14.png"><span>小米蓝牙音响</span></td>
                            <td><img src="./img/c-6.15.webp"><span>小米蓝牙车充</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-6.16.webp"><span>小米活塞式耳机清新版</span></td>
                            <td><img src="./img/c-6.17.webp"><span>小米随身音响</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-7.1.webp"><span>贴膜</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-7.2.webp"><span>保护壳/保护套</span>
                                <div>选购</div>
                            </td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-8.1.webp"><span>线材</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-8.2.webp"><span>自拍杆</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-8.3.webp"><span>手机支架</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-8.4.webp"><span>存储卡</span></td>
                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-9.1.jpg"><span>箱包</span></td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-9.2.webp"><span>90分旅行箱</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-9.3.jpg"><span>服饰</span>
                            </td>

                        </tr>
                    </table>
                    <table class="l-show">
                        <tr>
                            <td><img src="./img/c-10.1.webp"><span>米兔玩偶</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-10.2.webp"><span>鼠标垫</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-10.3.jpg"><span>生活周边</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-10.4.jpg"><span>《小米》会刊</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-10.5.webp"><span>毛巾/浴巾</span>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="./img/c-10.6.webp"><span>8H乳胶枕</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </section>
        </div>
        <!--图片-->
        <div class="container tp">
            <div class="i-p">
                <ul class="i-top">
                    <li><a href="javascript:;"><span class="fa fa-mobile-phone fa-3x"></span><span>选购手机</span></a></li>
                    <li><a href="javascript:;"><span class="fa fa-gift fa-3x"></span><span>企业团购</span></a></li>
                    <li><a href="javascript:;"><span class="fa fa-calendar-minus-o fa-2x"></span><span>服务月</span></a></li>
                </ul>
                <ul class="i-bottom">
                    <li><a href="javascript:;"><span class="fa fa-id-card fa-2x"></span><span>小米移动</span></a></li>
                    <li><a href="javascript:;"><span class="fa fa-recycle fa-2x"></span><span>以旧换新</span></a></li>
                    <li><a href="javascript:;"><span class="fa fa-credit-card fa-2x"></span><span>话费充值</span></a></li>
                </ul>
            </div>
            <div class="i-img">
                <a href="javascript:;"><img src="./img/img-1.webp"></a>
            </div>
            <div class="i-img">
                <a href="javascript:;"><img src="./img/img-2.webp"></a>
            </div>
            <div class="i-img">
                <a href="javascript:;"><img src="./img/img-3.jpg"></a>
            </div>
        </div>
        <!--单品-->
        <div class="container star">
            <h2>小米明星单品</h2>
            <div class="button">
                <button class="s-left active"><span class=" fa fa-angle-left fa-2x"></span></button>
                <button class="s-right"><span class=" fa fa-angle-right fa-2x"></span></button>
            </div>
            <section id="s-show">
                <div class="s-con">
                    <ul>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-1.png">
                            </div>
                            <div class="title">小米Note 4X</div>
                            <p class="i-font">4100mAh超长续航，骁龙625处理器</p>
                            <p class="price">999元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-2.png">
                            </div>
                            <div class="title">小米电视3s 48英寸</div>
                            <p class="i-font">原装液晶屏，金属机身</p>
                            <p class="price">2599元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-3.png">
                            </div>
                            <div class="title">小米移动电源</div>
                            <p class="i-font">双向快充，高密度锂聚合物电芯</p>
                            <p class="price">79元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-4.png">
                            </div>
                            <div class="title">小米手环2</div>
                            <p class="i-font">OLED显示屏幕，升级计步算法</p>
                            <p class="price">149元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-5.jpg">
                            </div>
                            <div class="title">小米净水器 厨下式</div>
                            <p class="i-font">直出纯净水，隐藏式安装</p>
                            <p class="price">1999元</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-6.webp">
                            </div>
                            <div class="title">米家LED智能台灯</div>
                            <p class="i-font">无可视频闪，高度色无极调节</p>
                            <p class="price">169元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-7.png">
                            </div>
                            <div class="title">米家iHealth血压计</div>
                            <p class="i-font">爸妈上手就会用的智能血压计</p>
                            <p class="price">399元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-8.png">
                            </div>
                            <div class="title">小米路由器3</div>
                            <p class="i-font">更快更强，不止四天线</p>
                            <p class="price">149元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-9.png">
                            </div>
                            <div class="title">小米活塞耳机 清新版</div>
                            <p class="i-font">铝合金音腔，第三代平衡阻尼系统</p>
                            <p class="price">29元</p>
                        </li>
                        <li>
                            <div class="img-border">
                                <img src="./img/s-10.webp">
                            </div>
                            <div class="title">小米体重称</div>
                            <p class="i-font">100克，喝杯水都可感知的精准</p>
                            <p class="price">99元</p>
                        </li>
                    </ul>
                </div>
            </section>
        </div>
    </section>
    <section class="contents">
        <!--智能硬件-->
        <div class="container hard">
            <div class="h-title">
                <h2>智能硬件</h2>
                <a href="javascript:;">查看全部<span class="fa fa-angle-right"></span></a>
            </div>
            <div class="h-con">
                <div class="h-img"><img src="./img/z-9.webp"></div>
                <ul class="h-content">
                    <li>
                        <div class="img">
                            <img src="./img/z-1.jpg">
                        </div>
                        <div class="title">米家行车记录仪</div>
                        <p class="i-font">晚上能拍清车牌的行车记录仪</p>
                        <p class="price">349元</p>
                        <div class="flags">新品</div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-2.webp">
                        </div>
                        <div class="title">小米空气净化器2</div>
                        <p class="i-font">高效除霾，10分钟换新房间空气</p>
                        <p class="price">699元</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-3.webp">
                        </div>
                        <div class="title">米家智能故事机</div>
                        <p class="i-font">微信远程互动，智能语音交互</p>
                        <p class="price">199元</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-4.jpg">
                        </div>
                        <div class="title">小米VR眼镜</div>
                        <p class="i-font">硬件级加速抗眩晕，配备9轴体感手柄</p>
                        <p class="price">299元</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-5.webp">
                        </div>
                        <div class="title">米家小白智能摄像机</div>
                        <p class="i-font">360°全景拍摄，1080P高清摄像</p>
                        <p class="price">399元</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-6.webp">
                        </div>
                        <div class="title">九号平衡车</div>
                        <p class="i-font">年轻人的酷玩具，骑行遥控两种玩法</p>
                        <p class="price">1999元</p>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-7.jpg">
                        </div>
                        <div class="title">米家骑记电助力折叠自行车</div>
                        <p class="i-font">力矩传感电助力，让城市雏形轻松有趣</p>
                        <p class="price">999元</p>
                        <div class="flags">新品</div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/z-8.webp">
                        </div>
                        <div class="title">小米米家电动滑板车</div>
                        <p class="i-font">极简几何设计，1分钟轻松上手</p>
                        <p class="price">1999元</p>
                        <div class="flags">新品</div>
                    </li>

                </ul>
            </div>

        </div>
        <div style="clear: both"></div>
        <!--搭配-->
        <div class="container match a">
            <div class="m-title">
                <h2>搭配</h2>
                <ul>
                    <li class="m-li-show">热门</li>
                    <li>耳机音响</li>
                    <li>电源</li>
                    <li>电池存储卡</li>
                </ul>
            </div>
            <div class="m-con">
                <div class="m-list">
                    <ul class="h-content m-show">
                        <li>
                            <div class="img">
                                <img src="./img/d-1.1.jpg">
                            </div>
                            <div class="title">小米运动蓝牙耳机</div>
                            <p class="price">149元</p>
                            <p class="i-font">2100人评论</p>
                            <div class="dis">
                                <p class="dis-con">很好用，待机时间长</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.2.webp">
                            </div>
                            <div class="title">20000mAh小米移动电源2</div>
                            <p class="price">149元</p>
                            <p class="i-font">7280人评论</p>
                            <div class="dis">
                                <p class="dis-con">充电宝比想象中的好一些</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.3.jpg">
                            </div>
                            <div class="title">小米网络音响</div>
                            <p class="price">399元</p>
                            <p class="i-font">7872人评论</p>
                            <div class="dis">
                                <p class="dis-con">外观漂亮，音质效果也可以，刚上手感觉不错</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.4.webp">
                            </div>
                            <div class="title">小米活塞耳机 清新版</div>
                            <p class="price">29元</p>
                            <p class="i-font">1.7万人评论</p>
                            <div class="dis">
                                <p class="dis-con">帮朋友买的，很好用，赞一个</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.5.webp">
                            </div>
                            <div class="title">小米移动电源10000mAh高配版</div>
                            <p class="price">149元</p>
                            <p class="i-font">2824人评论</p>
                            <div class="dis">
                                <p class="dis-con">不错，挺好，一句话概括，很好！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.6.webp">
                            </div>
                            <div class="title">小米圈铁耳机Pro</div>
                            <p class="price">149元</p>
                            <p class="i-font">1.1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">质感不错</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-1.7.jpg">
                            </div>
                            <div class="title">小米蓝牙耳机青春版</div>
                            <p class="price">149元</p>
                            <p class="i-font">1.1万人评论</p>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米小钢炮...</a>
                                    <p class="price">149元</p>
                                </div>
                                <div><img src="img/d-1.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">热门</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/d-2.1.webp">
                            </div>
                            <div class="title">小米头戴式耳机 轻松版</div>
                            <p class="price">199元</p>
                            <p class="i-font">656人评论</p>
                            <div class="dis">
                                <p class="dis-con">客服妹妹会不会看上呢</p>
                                <p class="dis-p">来自龚小强的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.2.webp">
                            </div>
                            <div class="title">小米胶囊耳机</div>
                            <p class="price">69元</p>
                            <p class="i-font">2.9万人评论</p>
                            <div class="dis">
                                <p class="dis-con">45°仰望星空，不知道能不能看到客服妹子</p>
                                <p class="dis-p">来自陈桂龙的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.3.webp">
                            </div>
                            <div class="title">小米圈铁耳机Pro</div>
                            <p class="price">149元</p>
                            <p class="i-font">1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">只能说这是一部分，如果这还打不动客服妹子的心！</p>
                                <p class="dis-p">来自王博的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.4.webp">
                            </div>
                            <div class="title">小米随身蓝牙音箱</div>
                            <p class="price">69元</p>
                            <p class="i-font">1.4万人评论</p>
                            <div class="dis">
                                <p class="dis-con">送姐姐哒！她说音效超好，外表炫酷，很喜欢</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.5.webp">
                            </div>
                            <div class="title">小米小钢炮蓝牙音箱2</div>
                            <p class="price">129元</p>
                            <p class="i-font">2.1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">控制音量是亮点，白色外形简洁大方</p>
                                <p class="dis-p">来自旧城的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.6.webp">
                            </div>
                            <div class="title">小米方盒子蓝牙音箱</div>
                            <p class="price">99元</p>
                            <p class="i-font">1.7万人评论</p>
                            <div class="dis">
                                <p class="dis-con">对于这个音箱，我实在不想说什么了，低音沉</p>
                                <p class="dis-p">来自昆哥好的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-2.7.webp">
                            </div>
                            <div class="title">ROIDMI音乐蓝牙车充</div>
                            <p class="price">99元</p>
                            <p class="i-font">524人评论</p>
                            <div class="dis">
                                <p class="dis-con">用我的星斗星用，还可以，有一点点沙沙的杂音</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米蓝牙音箱</a>
                                    <p class="price">199元</p>
                                </div>
                                <div><img src="img/d-2.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">耳机音箱</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/d-3.1.webp">
                            </div>
                            <div class="title">移动电源5000mAh</div>
                            <p class="price">49元</p>
                            <p class="i-font">9.9万人评论</p>
                            <div class="dis">
                                <p class="dis-con">用来几天还好，不知道客服妹子对我好不好</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.2.webp">
                            </div>
                            <div class="title">ZMI移动电源10000mAh</div>
                            <p class="price">99元</p>
                            <p class="i-font">4117人评论</p>
                            <div class="dis">
                                <p class="dis-con">喜欢！手感质量满分！！跟新抢的红米2差不多</p>
                                <p class="dis-p">来自小添的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.3.jpg">
                            </div>
                            <div class="title">小米移动电源10000mAh高配版</div>
                            <p class="price">149元</p>
                            <p class="i-font">2824人评论</p>
                            <div class="dis">
                                <p class="dis-con">用了大概一个星期，八次之后来评价，用来</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.4.webp">
                            </div>
                            <div class="title">20000mAh小米移动电源2</div>
                            <p class="price">149元</p>
                            <p class="i-font">7280人评论</p>
                            <div class="dis">
                                <p class="dis-con">美丽的外表 红后的内 在实在是上上家</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.5.webp">
                            </div>
                            <div class="title">10000mAh小米移动电源2</div>
                            <p class="price">79元</p>
                            <p class="i-font">2.7万人评论</p>
                            <div class="dis">
                                <p class="dis-con">还行，召唤客服妹子</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.6.webp">
                            </div>
                            <div class="title">小米插线板 5孔位</div>
                            <p class="price">39元</p>
                            <p class="i-font">2.4万人评论</p>
                            <div class="dis">
                                <p class="dis-con">好 就是按松动了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-3.7.webp">
                            </div>
                            <div class="title">USB Type-C充电套装</div>
                            <p class="price">15元</p>
                            <p class="i-font">1.1万人评论</p>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米智能..</a>
                                    <p class="price">69元</p>
                                </div>
                                <div><img src="img/d-3.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">电源</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>
                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/d-4.1.webp">
                            </div>
                            <div class="title">ROIDMI音乐蓝牙车充</div>
                            <p class="price">99元</p>
                            <p class="i-font">524人评论</p>
                            <div class="dis">
                                <p class="dis-con">链接很简单，音质尚可比Co差</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.2.webp">
                            </div>
                            <div class="title">小米USB充电器（2口）</div>
                            <p class="price">49元</p>
                            <p class="i-font">2342人评论</p>
                            <div class="dis">
                                <p class="dis-con">客服妹妹快出来</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.3.jpg">
                            </div>
                            <div class="title">彩虹5号电池（10粒装）</div>
                            <p class="price">9.9元</p>
                            <p class="i-font">9.1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">听说评价以后会有妹子，赶快给我儿子物色个</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.4.jpg">
                            </div>
                            <div class="title">彩虹7号电池（10粒装）</div>
                            <p class="price">9.9元</p>
                            <p class="i-font">5.5万人评论</p>
                            <div class="dis">
                                <p class="dis-con">好看，跟客服妹妹一样好看</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.5.webp">
                            </div>
                            <div class="title">小米USB充电器（4口）</div>
                            <p class="price">69元</p>
                            <p class="i-font">1.2万人评论</p>
                            <div class="dis">
                                <p class="dis-con">外形大小合适</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.6.webp">
                            </div>
                            <div class="title">SanDisk32GB高速存储卡</div>
                            <p class="price">69.9元</p>
                            <p class="i-font">1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">快，就是快</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/d-4.7.webp">
                            </div>
                            <div class="title">小米车载充电器</div>
                            <p class="price">49元</p>
                            <p class="i-font">4.3万人评论</p>
                            <div class="dis">
                                <p class="dis-con">三年我回来了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">SanDisk 16</a>
                                    <p class="price">31.9元</p>
                                </div>
                                <div><img src="img/d-4.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">电池存储卡</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                </div>
                <ul class="m-img">
                    <li><img src="img/d-01.webp"></li>
                    <li><img src="img/d-02.webp"></li>
                </ul>
            </div>
        </div>
        <!--配件-->
        <div class="container match parts">
            <div class="m-title">
                <h2>配件</h2>
                <ul>
                    <li class="m-li-show">热门</li>
                    <li>保护套</li>
                    <li>贴膜</li>
                    <li>其他配件</li>
                </ul>
            </div>
            <div class="m-con">
                <div class="m-list">
                    <ul class="h-content m-show">
                        <li>
                            <div class="img">
                                <img src="./img/p-1.1.webp">
                            </div>
                            <div class="title">小米手机4c 小米4c智能唤醒</div>
                            <p class="price">29元<span>49元</span></p>
                            <p class="i-font">2.4万人评论</p>
                            <div class="dz">享6折</div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.2.jpg">
                            </div>
                            <div class="title">红米Note4 标准高透贴膜</div>
                            <p class="price">19元</p>
                            <p class="i-font">5444人评论</p>
                            <div class="dis">
                                <p class="dis-con">支持国货，小米加油！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.3.webp">
                            </div>
                            <div class="title">小米指环支架</div>
                            <p class="price">19元</p>
                            <p class="i-font">6805人评论</p>
                            <div class="dis">
                                <p class="dis-con">还不够完美，贴合部分缝隙挺大的</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.4.webp">
                            </div>
                            <div class="title">红米Note4 超薄肤感软胶保护套</div>
                            <p class="price">19元</p>
                            <p class="i-font">428人评论</p>
                            <div class="dis">
                                <p class="dis-con">大爱我的米，完美贴合</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.5.webp">
                            </div>
                            <div class="title">红米Note 4X标准高透贴膜</div>
                            <p class="price">19元</p>
                            <p class="i-font">728人评论</p>
                            <div class="flags">新品</div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.6.webp">
                            </div>
                            <div class="title">小米自拍杆（线控版）</div>
                            <p class="price">49元</p>
                            <p class="i-font">6933人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-1.7.webp">
                            </div>
                            <div class="title">红米Note4 智能显示保护壳</div>
                            <p class="price">39元</p>
                            <p class="i-font">5244人评论</p>
                            <div class="dis">
                                <p class="dis-con">支持国货，小米加油！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米5钢化...</a>
                                    <p class="price">29元</p>
                                </div>
                                <div><img src="img/p-1.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">热门</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/p-2.1.jpg">
                            </div>
                            <div class="title">小米Note 2 智能翻盖保护套</div>
                            <p class="price">39元<span>49元</span></p>
                            <p class="i-font">920人评论</p>
                            <div class="dz">享8折</div>
                            <div class="dis">
                                <p class="dis-con">购买小米，可绕地球三圈</p>
                                <p class="dis-p">来自龚小强的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.2.jpg">
                            </div>
                            <div class="title">小米5s 智能立显点阵式保护套</div>
                            <p class="price">79元</p>
                            <p class="i-font">2698万人评论</p>
                            <div class="dis">
                                <p class="dis-con">我们制造我们不支持靠谁支持！</p>
                                <p class="dis-p">来自1180909633的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.3.webp">
                            </div>
                            <div class="title">红米Note4 超薄肤感软胶保护套</div>
                            <p class="price">19元</p>
                            <p class="i-font">481人评论</p>
                            <div class="dis">
                                <p class="dis-con">手感不错</p>
                                <p class="dis-p">来自王博的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.4.webp">
                            </div>
                            <div class="title">红米4 标准版 翻盖保护套</div>
                            <p class="price">69元</p>
                            <p class="i-font">1.4万人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">好正品，价格合适，用着放心</p>
                                <p class="dis-p">来自张华飞的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.5.webp">
                            </div>
                            <div class="title">红米4高配版 翻盖保护套</div>
                            <p class="price">29元<span>49元</span></p>
                            <p class="i-font">1849人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">不愧是小米出品，又大方又漂亮</p>
                                <p class="dis-p">来自旧城的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.6.webp">
                            </div>
                            <div class="title">小米Note2 高透软胶保护套</div>
                            <p class="price">9.9元<span>19元</span></p>
                            <p class="i-font">734人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">尺寸刚刚好！和我的钢化屏很配</p>
                                <p class="dis-p">来自风雪的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-2.7.webp">
                            </div>
                            <div class="title">红米Note 4X 高透软胶保护套</div>
                            <p class="price">19元</p>
                            <p class="i-font">837人评论</p>
                            <div class="dis">
                                <p class="dis-con">超薄，手感相比淘宝几块钱的好多了</p>
                                <p class="dis-p">来自小雪雪的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米Max..</a>
                                    <p class="price">29元</p>
                                </div>
                                <div><img src="img/p-2.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">保护套</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/p-3.1.webp">
                            </div>
                            <div class="title">红米4标准版 标准高透贴膜</div>
                            <p class="price">9.9元<span>19元</span></p>
                            <p class="i-font">680人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">喜欢你没道理</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.2.jpg">
                            </div>
                            <div class="title">红米4高配版 标准高透贴膜</div>
                            <p class="price">9.9元<span>19元</span></p>
                            <p class="i-font">2119人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">有一张练习帖，一张新膜</p>
                                <p class="dis-p">来自小添的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.3.webp">
                            </div>
                            <div class="title">小米手机5 极薄防蓝光贴膜</div>
                            <p class="price">49元</p>
                            <p class="i-font">8764人评论</p>
                            <div class="dis">
                                <p class="dis-con">自己动手好难贴</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.4.jpg">
                            </div>
                            <div class="title">小米5s 标准高透贴膜</div>
                            <p class="price">19元</p>
                            <p class="i-font">4740人评论</p>
                            <div class="dis">
                                <p class="dis-con">多一张，怎么回事？</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.5.webp">
                            </div>
                            <div class="title">红米Note 4X 标准高透贴膜</div>
                            <p class="price">19元</p>
                            <p class="i-font">728人评论</p>
                            <div class="flags">新品</div>
                            <div class="dis">
                                <p class="dis-con">通透清晰，真好看</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.6.webp">
                            </div>
                            <div class="title">小米Max 标准高透贴膜</div>
                            <p class="price">19元</p>
                            <p class="i-font">1.2万人评论</p>
                            <div class="dis">
                                <p class="dis-con">怎么是塑料的，不是钢化的</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-3.7.jpg">
                            </div>
                            <div class="title">红米Pro 标准高透贴膜</div>
                            <p class="price">9.9元<span>19元</span></p>
                            <p class="i-font">2923人评论</p>
                            <div class="dz">享6折</div>
                            <div class="dis">
                                <p class="dis-con">高清的哦！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">红米Note4 ..</a>
                                    <p class="price">19元</p>
                                </div>
                                <div><img src="img/p-3.8.jpg"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">贴膜</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/p-4.1.webp">
                            </div>
                            <div class="title">青米USB快速充电数据线</div>
                            <p class="price">9.9元</p>
                            <p class="i-font">1.9万人评论</p>
                            <div class="dis">
                                <p class="dis-con">盒子好看</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.2.webp">
                            </div>
                            <div class="title">小米指环支架 金色</div>
                            <p class="price">19元</p>
                            <p class="i-font">7116人评论</p>
                            <div class="dis">
                                <p class="dis-con">已经是第二个了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.3.webp">
                            </div>
                            <div class="title">小莫USB-C电源适配器（45W）</div>
                            <p class="price">99元</p>
                            <p class="i-font">34人评论</p>
                            <div class="dis">
                                <p class="dis-con">还可以了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.4.webp">
                            </div>
                            <div class="title">蓝牙语音体感遥控器</div>
                            <p class="price">99元</p>
                            <p class="i-font">3271人评论</p>
                            <div class="dis">
                                <p class="dis-con">好看</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.5.webp">
                            </div>
                            <div class="title">小米便捷鼠标</div>
                            <p class="price">99元</p>
                            <p class="i-font">5067人评论</p>
                            <div class="dis">
                                <p class="dis-con">外形大小合适</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.6.webp">
                            </div>
                            <div class="title">USB-C至HDMI多功能转换器</div>
                            <p class="price">149元</p>
                            <p class="i-font">1047人评论</p>
                            <div class="dis">
                                <p class="dis-con">质量好 快，就是快</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/p-4.7.jpg">
                            </div>
                            <div class="title">USB Type-C转换头</div>
                            <p class="price">5元</p>
                            <p class="i-font">5.4万人评论</p>
                            <div class="dis">
                                <p class="dis-con">再次召唤客服妹子</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">青米USB快速..</a>
                                    <p class="price">19元</p>
                                </div>
                                <div><img src="img/p-4.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">其他配件</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                </div>
                <ul class="m-img">
                    <li><img src="img/p-01.webp"></li>
                    <li><img src="img/p-02.webp"></li>
                </ul>
            </div>
        </div>
        <!--周边-->
        <div class="container match rim">
            <div class="m-title">
                <h2>周边</h2>
                <ul>
                    <li class="m-li-show">热门</li>
                    <li>服装</li>
                    <li>米兔</li>
                    <li>生活周边</li>
                    <li>箱包</li>
                </ul>
            </div>
            <div class="m-con">
                <div class="m-list">
                    <ul class="h-content m-show">
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.1.webp">
                            </div>
                            <div class="title">90分旅行箱 24寸</div>
                            <p class="price">349元</p>
                            <p class="i-font">1.7人评论</p>
                            <div class="myf">免邮费</div>
                            <div class="dis">
                                <p class="dis-con">听说客服妹子特别有才，能歌善舞！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.2.webp">
                            </div>
                            <div class="title">最生活浴巾·青春系列</div>
                            <p class="price">99元</p>
                            <p class="i-font">433人评论</p>
                            <div class="dis">
                                <p class="dis-con">客服姐姐你是离我有多近，四个小时就到了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.3.webp">
                            </div>
                            <div class="title">8H标准乳胶枕</div>
                            <p class="price">149元<span>159元</span></p>
                            <p class="i-font">4058人评论</p>
                            <div class="dz">享9.4折</div>
                            <div class="dis">
                                <p class="dis-con">不错，有轻微味道</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.4.webp">
                            </div>
                            <div class="title">小米简约头层小牛皮钱包</div>
                            <p class="price">129元</p>
                            <p class="i-font">518人评论</p>
                            <div class="flags">新品</div>
                            <div class="dis">
                                <p class="dis-con">用了三年，依旧坚挺的钱包</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.5.webp">
                            </div>
                            <div class="title">米家签字笔</div>
                            <p class="price">14.9元</p>
                            <p class="i-font">2.7万人评论</p>
                            <div class="dis">
                                <p class="dis-con">看都客服回复感觉他好幸运</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.6.webp">
                            </div>
                            <div class="title">防雾霾口罩</div>
                            <p class="price">69元</p>
                            <p class="i-font">2862人评论</p>
                            <div class="dis">
                                <p class="dis-con">恐怖分子既视感</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-1.7.webp">
                            </div>
                            <div class="title">8H多功能护颈枕U1</div>
                            <p class="price">79元</p>
                            <p class="i-font">1134人评论</p>
                            <div class="dis">
                                <p class="dis-con">不敢开包装了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">变形金刚...</a>
                                    <p class="price">169元</p>
                                </div>
                                <div><img src="./img/zb-1.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">热门</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.1.webp">
                            </div>
                            <div class="title">经典连帽休闲卫衣</div>
                            <p class="price">109元<span>149元</span></p>
                            <p class="i-font">2765人评论</p>
                            <div class="dz">享8折</div>
                            <div class="dis">
                                <p class="dis-con">穿着不错，质感还好</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.2.webp">
                            </div>
                            <div class="title">小米空气层连帽运动卫衣 男款</div>
                            <p class="price">149元<span>199元</span></p>
                            <p class="i-font">1607人评论</p>
                            <div class="dz">享8折</div>
                            <div class="dis">
                                <p class="dis-con">忽然发现，又帅了！</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.3.jpg">
                            </div>
                            <div class="title">小米短袖T恤 新国货</div>
                            <p class="price">39元</p>
                            <p class="i-font">833人评论</p>
                            <div class="dis">
                                <p class="dis-con">白色靓丽，穿在身上更能体现米粉精神</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.4.webp">
                            </div>
                            <div class="title">小米空气层连帽运动卫衣 女款</div>
                            <p class="price">149元<span>199元</span></p>
                            <p class="i-font">198人评论</p>
                            <div class="dz">享8折</div>
                            <div class="dis">
                                <p class="dis-con">衣服很好，穿着很舒服</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.5.webp">
                            </div>
                            <div class="title">小米纪念版围巾（去探索）</div>
                            <p class="price">89元<span>129元</span></p>
                            <p class="i-font">129人评论</p>
                            <div class="dz">享7折</div>
                            <div class="dis">
                                <p class="dis-con">买来送给男票的，男票很喜欢</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.6.jpg">
                            </div>
                            <div class="title">小米短袖T恤工米兔</div>
                            <p class="price">39元</p>
                            <p class="i-font">4174人评论</p>
                            <div class="dis">
                                <p class="dis-con">质感不错</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-2.7.webp">
                            </div>
                            <div class="title">小米V领短袖T恤 女款</div>
                            <p class="price">39元</p>
                            <p class="i-font">3870人评论</p>
                            <div class="dis">
                                <p class="dis-con">很喜欢，穿着很舒服</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米短袖T恤...</a>
                                    <p class="price">149元</p>
                                </div>
                                <div><img src="./img/zb-2.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">服装</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.1.webp">
                            </div>
                            <div class="title">60cm柔软米兔抱枕</div>
                            <p class="price">129元</p>
                            <p class="i-font">729人评论</p>
                            <div class="dis">
                                <p class="dis-con">送给女友的，她很满意</p>
                                <p class="dis-p">来自龚小强的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.2.webp">
                            </div>
                            <div class="title">超脑米兔钥匙扣</div>
                            <p class="price">29元</p>
                            <p class="i-font">786人评论</p>
                            <div class="dis">
                                <p class="dis-con">送给我女朋友，她很喜欢</p>
                                <p class="dis-p">来自陈桂龙的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.3.webp">
                            </div>
                            <div class="title">米兔多功能护颈枕</div>
                            <p class="price">49元</p>
                            <p class="i-font">2403人评论</p>
                            <div class="dis">
                                <p class="dis-con">包装很好，用着舒服</p>
                                <p class="dis-p">来自王博的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.4.webp">
                            </div>
                            <div class="title">小米米兔音箱</div>
                            <p class="price">99元</p>
                            <p class="i-font">1210人评论</p>
                            <div class="dis">
                                <p class="dis-con">萌萌哒，大爱，小米粉者也</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.5.webp">
                            </div>
                            <div class="title">小米短袖T恤 情侣米兔 女款</div>
                            <p class="price">39元</p>
                            <p class="i-font">1956人评论</p>
                            <div class="dis">
                                <p class="dis-con">非常不错，买了三件，一人一件</p>
                                <p class="dis-p">来自旧城的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.6.webp">
                            </div>
                            <div class="title">小米短袖T恤 水管工米兔</div>
                            <p class="price">39元</p>
                            <p class="i-font">4174人评论</p>
                            <div class="dis">
                                <p class="dis-con">质量不错</p>
                                <p class="dis-p">来自昆哥好的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-3.7.webp">
                            </div>
                            <div class="title">小米短袖T恤 西游记</div>
                            <p class="price">39元</p>
                            <p class="i-font">8755人评论</p>
                            <div class="dis">
                                <p class="dis-con">穿上小米，感觉帅多了，回头率上去了</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">小米V领短袖</a>
                                    <p class="price">39元</p>
                                </div>
                                <div><img src="./img/zb-3.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">米兔</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.1.webp">
                            </div>
                            <div class="title">米家中性笔专用笔芯</div>
                            <p class="price">6.9元</p>
                            <p class="i-font">2739人评论</p>
                            <div class="dis">
                                <p class="dis-con">用起来挺好的，写起来纵享丝滑~~</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.2.webp">
                            </div>
                            <div class="title">花花草草检测仪</div>
                            <p class="price">49元</p>
                            <p class="i-font">5527人评论</p>
                            <div class="dis">
                                <p class="dis-con">刚买回来第二天，提示升级。。。</p>
                                <p class="dis-p">来自小添的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.3.webp">
                            </div>
                            <div class="title">米家LEO随身灯 增强版</div>
                            <p class="price">19.9元</p>
                            <p class="i-font">2.5万人评论</p>
                            <div class="dis">
                                <p class="dis-con">小米给我光明</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.4.webp">
                            </div>
                            <div class="title">防雾霾滤芯（5片装）</div>
                            <p class="price">39元</p>
                            <p class="i-font">560人评论</p>
                            <div class="dis">
                                <p class="dis-con">每个独立包装，质量有保障</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.5.webp">
                            </div>
                            <div class="title">变形金刚特别版声波</div>
                            <p class="price">169元</p>
                            <p class="i-font">2476人评论</p>
                            <div class="dis">
                                <p class="dis-con">炫酷，小孩子应该喜欢</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.6.webp">
                            </div>
                            <div class="title">金属鼠标垫 小号</div>
                            <p class="price">49元</p>
                            <p class="i-font">1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">非常漂亮，使用不错</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-4.7.webp">
                            </div>
                            <div class="title">小米电源线收纳盒</div>
                            <p class="price">49元</p>
                            <p class="i-font">3084人评论</p>
                            <div class="dis">
                                <p class="dis-con">桌面一下干净了好多</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">鼠标垫..</a>
                                    <p class="price">19元</p>
                                </div>
                                <div><img src="./img/zb-4.8.webp"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">生活周边</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>

                    </ul>
                    <ul class="h-content">
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                            <div class="myf">免运费</div>
                            <div class="dis">
                                <p class="dis-con">箱子很好</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.2.webp">
                            </div>
                            <div class="title">90分旅行箱 24寸</div>
                            <p class="price">349元</p>
                            <p class="i-font">1.7万人评论</p>
                            <div class="myf">免运费</div>
                            <div class="dis">
                                <p class="dis-con">质量非常好，做工精细</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.3.jpg">
                            </div>
                            <div class="title">小米轻松系百搭多用背包</div>
                            <p class="price">39元</p>
                            <p class="i-font">6485人评论</p>
                            <div class="dis">
                                <p class="dis-con">承载力特别强</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.4.jpg">
                            </div>
                            <div class="title">90分便携式收纳袋</div>
                            <p class="price">29元</p>
                            <p class="i-font">3405人评论</p>
                            <div class="dis">
                                <p class="dis-con">看着小，内容可大</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.5.webp">
                            </div>
                            <div class="title">小米经典商务双肩包</div>
                            <p class="price">99元</p>
                            <p class="i-font">9349人评论</p>
                            <div class="dis">
                                <p class="dis-con">今天第一次背它去上班，同事说好看</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.6.webp">
                            </div>
                            <div class="title">小米极简都市双肩包</div>
                            <p class="price">149元</p>
                            <p class="i-font">2.1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">买了好多小米的商品</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.7.webp">
                            </div>
                            <div class="title">小米多功能都市休闲胸包</div>
                            <p class="price">69元</p>
                            <p class="i-font">2.1万人评论</p>
                            <div class="dis">
                                <p class="dis-con">背上迷倒一大片</p>
                                <p class="dis-p">来自1234234345的评论</p>
                            </div>
                        </li>
                        <li>
                            <div class="m-top">
                                <div class="m-left">
                                    <a class="title">学院风简约..</a>
                                    <p class="price">59元</p>
                                </div>
                                <div><img src="./img/zb-5.8.jpg"></div>
                            </div>
                            <div class="m-bottom">
                                <div class="m-left">
                                    <p class="m-more">浏览更多</p>
                                    <p class="i-font">箱包</p>
                                </div>
                                <div><span class="fa fa-arrow-circle-o-right"></span></div>
                            </div>
                        </li>
                    </ul>
                </div>
                <ul class="m-img">
                    <li><img src="./img/zb-01.webp"></li>
                    <li><img src="./img/zb-02.webp"></li>
                </ul>
            </div>
        </div>
        <!--为你推荐-->
        <div class="container rec">
            <div class="title">
                <h2>为你推荐</h2>
                <div class="btn">
                    <button type="button" class="left active">&lt;</button>
                    <button type="button" class="right">&gt;</button>
                </div>
            </div>
            <div class="rec-con">
                <section>
                    <ul>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                        <li>
                            <div class="img">
                                <img src="./img/zb-5.1.webp">
                            </div>
                            <div class="title">90分旅行箱 20寸</div>
                            <p class="price">299元</p>
                            <p class="i-font">1.9万人评论</p>
                        </li>
                    </ul>

                </section>
            </div>
        </div>
        <!--热评产品-->
        <div class="container hot">
            <h2>热评产品</h2>
            <ul class="h-con">
                <li>
                    <img src="img/re-1.webp">
                    <div class="hot-content">非常可爱，一拿到小宝宝还没享受，一帮大宝先high了一把，</div>
                    <p class="i-font">来自于秘密的评价</p>
                    <div class="hot-last">
                        <span class="hot-title">米兔智能故事机</span>
                        <span class="hot-page">|</span>
                        <span class="price">199元</span>
                    </div>
                </li>
                <li>
                    <img src="img/re-2.webp">
                    <div class="hot-content">非常可爱，一拿到小宝宝还没享受，一帮大宝先high了一把，</div>
                    <p class="i-font">来自于秘密的评价</p>
                    <div class="hot-last">
                        <span class="hot-title">米兔智能故事机</span>
                        <span class="hot-page">|</span>
                        <span class="price">199元</span>
                    </div>
                </li>
                <li>
                    <img src="img/re-3.webp">
                    <div class="hot-content">非常可爱，一拿到小宝宝还没享受，一帮大宝先high了一把，</div>
                    <p class="i-font">来自于秘密的评价</p>
                    <div class="hot-last">
                        <span class="hot-title">米兔智能故事机</span>
                        <span class="hot-page">|</span>
                        <span class="price">199元</span>
                    </div>
                </li>
                <li>
                    <img src="img/re-4.jpg">
                    <div class="hot-content">非常可爱，一拿到小宝宝还没享受，一帮大宝先high了一把，</div>
                    <p class="i-font">来自于秘密的评价</p>
                    <div class="hot-last">
                        <span class="hot-title">米兔智能故事机</span>
                        <span class="hot-page">|</span>
                        <span class="price">199元</span>
                    </div>
                </li>
            </ul>
        </div>
        <!--内容-->
        <!--<div class="container nei">
            <ul>
                <li>
                    <div><span>图书</span></div>
                    <div>
                        <div class="slide">
                            <ul class="slide-img">
                                <li class="current"><img src="img/n-4.1.png" alt=""></li>
                                <li><img src="img/n-4.2.png" alt=""></li>
                                <li><img src="img/n-4.3.png" alt=""></li>
                                <li><img src="img/n-4.4.jpg" alt=""></li>
                            </ul>
                            <ul class="indicator">
                                <li class="active"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <div class="page">
                                <span class="prev">&lt;</span>
                                <span class="next">&gt;</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>-->
    </section>
    <footer>
        <div class="t-top">
            <div class="top">
                <a href="#"><span></span>预约维修服务</a>
                <span>|</span>
                <a href="#"><span></span>7天无理由退货</a>
                <span>|</span>
                <a href="#"><span></span>15天免费换货</a>
                <span>|</span>
                <a href="#"><span></span>满150元包邮</a>
                <span>|</span>
                <a href="#"><span></span>520余家售后网店</a>

            </div>
            <div class="bottom">
                <div class="b-left">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>账户管理</dd>
                        <dd>购物指南</dd>
                        <dd>订单操作</dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>售后政策</dd>
                        <dd>自助服务</dd>
                        <dd>相关下载</dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd>小米之家</dd>
                        <dd>服务网点</dd>
                        <dd>零售网点</dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd>了解小米</dd>
                        <dd>加入小米</dd>
                        <dd>联系我们</dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>新浪微博</dd>
                        <dd>小米部落</dd>
                        <dd>官方微信</dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd>F码通道</dd>
                        <dd>礼物码</dd>
                        <dd>防伪查询</dd>
                    </dl>
                </div>
                <div class="b-right">
                    <p class="tl">400-100-5678</p>
                    <p class="b-con">周一至周日 8:00-18:00</p>
                    <small>（仅收市话费）</small>
                    <a href="javascript:;">24小时 在线客服</a>
                </div>
            </div>

        </div>
        <!--<div class="t-b">
            <div class="t-img"><img src="img/favicon.png" alt=""></div>

            <p class="t-aAll">
                <a href="javascript:;">小米商城</a>
                <a href="javascript:;"><span>|</span>MIUI</a>
                <a href="javascript:;"><span>|</span>米聊</a>
                <a href="javascript:;"><span>|</span>多看书城</a>
                <a href="javascript:;"><span>|</span>小米路由器</a>
                <a href="javascript:;"><span>|</span>视频电话</a>
                <a href="javascript:;"><span>|</span>企业团购</a>
                <a href="javascript:;"><span>|</span>小米天猫店</a>
                <a href="javascript:;"><span>|</span>小米淘宝直营店</a>
                <a href="javascript:;"><span>|</span>小米网盟</a>
                <a href="javascript:;"><span>|</span>小米移动</a>
                <a href="javascript:;"><span>|</span>Select Region</a>
            </p>
            <p class="copyright">
                &copy;
                <a href="javascript:;">mi.com</a> 京ICP证110507号
                <a href="javascript:;"> 京ICP备10046444号</a>
                <a href="javascript:;">京公网安备11010802020134号</a>
                <a href="javascript:;">京网文[2014]0059-0009号</a>
                <br>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>

        </div>-->
    </footer>
</body>

</html>
<script src="./libs/index.js">

</script>